<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Carica item</title>
<link rel="stylesheet" type="text/css" href="resources/css/style.css">
<script type="text/javascript" src="resources/js/jquery-1.7.1.js"></script>
<script type="text/javascript">
	function send() {
		$("#nomeError").html("");
		$("#prezzoOrdineError").html("");
		$("#prezzoStampaError").html("");
		$("#immagineError").html("");
		if ($("#nomeItem").val() == "" || $("#nomeItem").val() == "undefined") {
			$("#nomeError").html("Nome vuoto");
			$("#nomeItem").focus();
			return false;
		}
		if (isNaN($("#prezzoOrdine").val())) {
			$("#prezzoOrdineError").html("Il prezzo ordine deve essere un numero.");
			$("#prezzoOrdine").focus();
			return false;
		}
		if (isNaN($("#prezzoStampa").val())) {
			$("#prezzoStampaError").html("Il prezzo stampa deve essere un numero.");
			$("#prezzoStampa").focus();
			return false;
		}
		if ($("#immagine").val() == "" || $("#immagine").val() == "undefined") {
			$("#immagineError").html("Immagine vuota");
			$("#immagine").focus();
			return false;
		}
		$("#registrationItem").submit();
	}
</script>
</head>
<body>
<div id="box">
	<form id="registrationItem" action="salvaItem.htm" method="post" enctype="multipart/form-data">
		<table>
			<tr>
				<td> Nome </td>
				<td> <input type="text" id="nomeItem" name="nome"> </td>
				<td id="nomeError"></td> 
			</tr>
			<tr>
				<td> Prezzo ordine </td>
				<td> <input type="text" id="prezzoOrdine" name="prezzoOrdine"></td>
				<td id="prezzoOrdineError"></td>
			</tr>
			<tr>
				<td> Prezzo stampa </td>
				<td> <input type="text" id="prezzoStampa" name="prezzoStampa"></td>
				<td id="prezzoStampaError"></td>
			</tr>
			<tr>
				<td> Carica immagine </td>
				<td> <input type="file" id="immagine" name="immagine" value="scegli immagine"></td>
				<td id="immagineError"></td> 
			</tr>
			<tr>
				<td colspan="2">
					<input type="button" value="Register" onclick="send()">
					<input type="reset" value="Reset">
				</td>
				<td id="risultato"></td>
			</tr>
		</table>
	</form>
</div>
</body>
</html>